<template>
    <div class="header-box">
        <header class="header">
            <header-top></header-top>
            <header-nav></header-nav>
        </header>
        <header-swiper></header-swiper>
    </div>
</template>

<script setup lang="ts">
import HeaderTop from "./HeaderTop.vue";
import HeaderNav from "./HeaderNav.vue";
import HeaderSwiper from "./HeaderSwiper.vue";
</script>

<style scoped lang="scss">
.header {
    background-image: url("https://www.scvtc.edu.cn/images/head-bj.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 111px;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 999;
}
</style>